<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body class="index">
<section id="golfinIndex" data-role="page" data-theme="d" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed" data-tap-toggle="false">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="login_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi33">icon</span> <span class="navi_txt">로그인</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        <p class="index_sah_H"><em>shadow</em></p>
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content" data-theme="d" class="index_bg">
         <!--main_img-->
          <article class="index_visual"> 
              <div><h1> </h1><h2>은 <mark>문화</mark>입니다.</h2></div>
              <ul>
                  <li><span><em>img01</em></span></li>
                  <li><span><em>img02</em></span> </li>
                  <li><span><em>img03</em></span> </li>
                  <li><span><em>img04</em></span> </li>
                  <li><span><em>img05</em></span> </li>
              </ul>
          </article><!-- //  class="index_visual" 끝  -->
          
          <!--main_컨텐츠-->
          <article class="index_cont">
              <p class="index_sah_T"><em>상단 shadow</em></p>
              <p class="index_sah_B"><em>하단 shadow</em></p>
              <p class="motto"><mark>나눔</mark>의 문화, <mark>믿음</mark>의 문화, <mark>공유</mark>의 문화 </p>
              <ul id="btn_group">
                  <!--li> <a href="../room/join_room.html" data-transition="slide"> <h4>조인룸</h4>좋은 사람과<br/> 함께 즐거운<br/> 라운딩 </a></li> 
                  <li> <a href="../booking/calendar.html" data-transition="slide"> <h4>부킹</h4>나누는 기쁨의<br/> PLUS+ <br/>차별화된 골프예약</a></li> 
                  <li> <a href="../club/club.html" data-transition="slide"> <h4>동호회</h4>골프인의 <br/>人의 공유와 <br/>소통의 장 </a></li--> 
                  <li><a href="../room/join_room.html" data-transition="slide"><img src="../images/index_banner01.png" alt="조인룸" /></a></li>
                  <li><a href="../booking/calendar.html" data-transition="slide"><img src="../images/index_banner02.png" alt="부킹" /></a></li>
                  <li><a href="../club/club.html" data-transition="slide"><img src="../images/index_banner03.png" alt="동호회" /></a></li>
              </ul>
          </article><!-- //  class="index_cont" 끝  -->
          
          <!--main_하단-->
          <article class="index_bottom">
              <p class="img"><em>img</em> </p>
              <p class="bt_motto"><img src="../images/index_bottom_motto.png" alt=" 새로운 골프 문화창조" /></p>
              <!--p class="motto">새로운 골프<mark>문화 창조</mark></p-->
          </article><!-- //  class="index_bottom" 끝  -->
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
